<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
	<link href="css/froala_editor.min.css" rel="stylesheet" type="text/css">

    <style>
        body {
            text-align: center;
        }

        section {
            width: 80%;
            margin: auto;
            text-align: left;
        }
    </style>
</head>

<body>
  <section id="editor">
      <div id='edit' style="margin-top: 30px;">
        
      </div>
  </section>

  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  
  <script src="js/froala_editor.min.js"></script>
  <script src="js/plugins/colors.min.js"></script>
  <script src="js/plugins/font_family.min.js"></script>
  <script src="js/plugins/font_size.min.js"></script>
  <script src="js/plugins/block_styles.min.js"></script>
  <script src="js/langs/zh_cn.js"></script>

  <script>
      $(function(){
         $('#edit').editable({
			 inlineMode: false,
			 language: "zh_cn",
			 alwaysBlank: true, 
			 height: '200px',
			 imageUploadURL: 'hander/FroalaHandler.ashx',
		 })
      });
  </script>
</body>
</html>
